<template>
  <HeaderNavTabarVue :iconFont="'icon-cuowuguanbiquxiao'" title="假勤" @rightIcon="handleClose" />
  <TimeChip />
  <checkInMessageCard />
  <TimeChip />
  <CheckInReminderCard />
  <TimeChip />
  <CheckOutReminderCard />
  <TimeChip />
  <lackCheckInReminderCard />
  <view class="spaceClass">占位高度</view>
  <OperationButtonGroup />
</template>

<script setup>
import { onLoad } from '@dcloudio/uni-app'
import checkInMessageCard from '@/components/messageCards/checkInMessageCard.vue'
import CheckInReminderCard from '@/components/messageCards/checkInReminderCard.vue'
import CheckOutReminderCard from '@/components/messageCards/checkOutReminderCard.vue'
import lackCheckInReminderCard from '@/components/messageCards/lackCheckInReminderCard.vue'
import HeaderNavTabarVue from '@/components/HeaderNavTabar/HeaderNavTabar.vue'
import TimeChip from '@/components/messageCards/timeChip.vue'
import OperationButtonGroup from '@/components/messageCards/operationButtonGroup.vue'

onLoad(() => {})

const handleClose = () => {
  uni.navigateBack()
}
</script>

<style lang="scss" scoped>
@import '@/static/style/variables.scss';

body {
  background-color: $uni-bai;
}

.spaceClass {
  height: calc(92rpx + 20rpx);
  color: $uni-bai;
}
</style>
